<template>
	<view>

		<u-divider color="#ff9900" fontSize="35" margin-top="26">推荐商品</u-divider>
		
		<u-row gutter="16" class="u-main-color u-padding-35">
					<u-col span="4" v-for="(item, index) in  tjgoods.slice(0,6)" :key="index">
						<navigator  :url="'/pages/cate/goodsdetail?id='+item.id">
							<u-image class="u-skeleton-fillet    u-margin-bottom-10" width="100%" height="220rpx" :src="item.cover_url"></u-image>
							<view class="demo-layout bg-purple u-text-center u-line-1 u-skeleton-rect    u-margin-bottom-10">{{item.title ? item.title : '商品名称'}}</view>
						</navigator>
						
					</u-col>
		
		</u-row>
	</view>
</template>

<script>
	export default {
		name:"tj-goods",
		props:{
			tjgoods:{
				type:Array,
				default(){
					return{}
				}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>
